<template>
	<view class="paymentDetails">
			<u-navbar title="收入详情" title-color="#333" back-icon-color="#333"></u-navbar>
		  <!--下面的部分-->
		  <view class="payment-explan">
		    <view class="pay-amount">
		      <text class="pay-doll">交易金额</text>
		      <text class="pay-dell">+{{payDetaList.ORMTB420CA02}}</text>
		    </view>
		    <view class="pay-line"></view>
		    <!---->
		    <view class="pay-list">
		      <view>
		        <view class="pay-list-li">
		          <text class="pay-type">交易类型</text>
		          <text class="pay-type-explan">充值</text>
		        </view>
						<view class="pay-list-li">
						  <text class="pay-type">充值客户</text>
						  <text class="pay-type-explan">{{payDetaList.ORMTB410CA00}}</text>
						</view>
		        <view class="pay-list-li">
		          <text class="pay-type">充值类型</text>
		          <text class="pay-type-explan">{{payDetaList.ORMTB411CA04}}</text>
		        </view>
		        <view class="pay-list-li">
		          <text class="pay-type">充值时间</text>
		          <text class="pay-type-explan">{{payDetaList.ORMTB420CA07}}</text>
		        </view>
		        <view class="pay-list-li">
		          <text class="pay-type">充值人</text>
		          <text class="pay-type-explan">{{payDetaList.ORMTB420CC01}}</text>
		        </view>
		<view class="pay-list-li">
		  <text class="pay-type">备注</text>
		  <text class="pay-type-explan">{{payDetaList.ORMTB420CA08}}</text>
		</view>
		      </view>
		    </view>
		  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				payDetaList:[],
			}
		},
		onLoad(option) {
			this.payDetaList = JSON.parse(option.payDetaList)
			console.log(this.payDetaList)
		},
		methods: {
		}
	}
</script>

<style scoped>
	
	/*下面的部分*/
	
	.paymentDetails .payment-explan {
	  width: 100%;
	  /* margin-top: 176rpx; */
	
	}
	
	.paymentDetails .pay-amount {
	  width: 100%;
	  height: 115rpx;
	  line-height: 118rpx;
	  display: flex;
	  justify-content: space-between;
	  padding: 0 70rpx;
	}
	
	.paymentDetails .pay-doll {
	  font-size: 32rpx;
	  color: rgba(153, 153, 153, 1);
	}
	
	.paymentDetails .pay-dell {
	  font-size: 40rpx;
	  color: rgba(255, 99, 99, 1);
	}
	
	.paymentDetails .pay-line {
	  height: 2rpx;
	  width: 80%;
	  background: rgba(234, 234, 234, 1);
	  margin: 0 auto;
	}
	
	.paymentDetails .pay-list {
	  min-height: 360rpx;
	  width: 100%;
	  height: auto;
	  font-size: 26rpx;
	}
	
	.paymentDetails .pay-list-li {
	  width: 100%;
	  height: 30rpx;
	  display: flex;
	  justify-content: space-between;
	  padding: 30rpx 70rpx;
	}
	
	.paymentDetails .pay-type {
	  color: rgba(153, 153, 153, 1);
	}
	
	.paymentDetails .pay-type-explan {
	  color: rgba(102, 102, 102, 1);
	}

</style>
